<!--导航-->
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div class="preloader">
<i class="fa fa-spinner"></i>
</div>

<header>
    <div class="container">
        <div class="row top-header">
            <div class="col-sm-3 text-left">
                <a href="#" class="logo">
                    <img src="${path}/images/logo.png" alt="logo">
                </a>
            </div>
            <div class="col-sm-9">
                <ul class="top-link pull-right">
                    <li class="hidden-xs"><a href="#">个人中心</a></li>
                    <li class="hidden-xs"><a href="">登录</a></li>
                    <li class="hidden-xs"><a href="#">注册</a></li>
                    <li class="hidden-xs"><a href="#">我的购物车</a></li>
                    <li class="hidden-xs"><a href="#">安全退出</a></li>
                    <%--<li class="dropdown hidden-xs">--%>
                        <%--<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" aria-haspopup="true" aria-expanded="false">My Account <span class="caret"></span></a>--%>
                        <%--<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">--%>
                            <%--<li><a href="login.html">Login</a></li>--%>
                            <%--<li><a href="register.html">Register</a></li>--%>
                            <%--<li><a href="#">Log out</a></li>--%>
                        <%--</ul>--%>
                    <%--</li>--%>
                    <!--购物车begin-->
                    <%--<li class="pull-right">--%>
                        <%--<div class="cart dropdown">--%>
                            <%--<a href="#" class="cart-item dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--%>
                                <%--<span>2</span><i class="fa fa-cart-plus"></i>--%>
                            <%--</a>--%>
                            <%--<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">--%>
                                <%--<li>--%>
                                    <%--<div class="media">--%>
                                        <%--<div class="media-left">--%>
                                            <%--<a href="#">--%>
                                                <%--<img class="media-object" src="${path}/images/9.jpg" width="50" alt="...">--%>
                                            <%--</a>--%>
                                        <%--</div>--%>
                                        <%--<div class="media-body">--%>
                                            <%--<h4 class="product-name">Strawberry</h4>--%>
                                            <%--<p>$15.0<span> x 3</span> <i class="fa fa-remove"></i></p>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</li>--%>
                                <%--<li>--%>
                                    <%--<div class="media">--%>
                                        <%--<div class="media-left">--%>
                                            <%--<a href="#">--%>
                                                <%--<img class="media-object" src="${path}/images/8.jpg" width="50" alt="...">--%>
                                            <%--</a>--%>
                                        <%--</div>--%>
                                        <%--<div class="media-body">--%>
                                            <%--<h4 class="product-name">Red bell pepper</h4>--%>
                                            <%--<p>$15.0<span> x 3</span> <i class="fa fa-remove"></i></p>--%>
                                        <%--</div>--%>
                                    <%--</div>--%>
                                <%--</li>--%>
                                <%--<li class="table-div">--%>
                                    <%--<ul class="table-content">--%>
                                        <%--<li class="row m-0">--%>
                                            <%--<div class="col col-xs-6">--%>
                                                <%--<strong>Total:</strong>--%>
                                            <%--</div>--%>
                                            <%--<div class="col col-xs-6 color-3 f-bold">--%>
                                                <%--$90.00--%>
                                            <%--</div>--%>
                                        <%--</li>--%>
                                    <%--</ul>--%>
                                <%--</li>--%>
                                <%--<li>--%>
                                    <%--<p>--%>
                                        <%--<a href="#" class="btn ht-btn bg-3">Checkout</a>--%>
                                        <%--<a href="#" class="btn ht-btn bg-6">Cart</a>--%>
                                    <%--</p>--%>
                                <%--</li>--%>
                            <%--</ul>--%>
                        <%--</div>--%>
                    <%--</li>--%>
                    <!--购物车end-->
                </ul>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="bg-mn color-inher">
            <div class="row m-0">
                <div class="col-sm-1 col-md-1 col-lg-2 p-0">
                    <div class="dropdown category-bar">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
                            <i class="fa fa-bars"></i><span>类别</span>
                        </a>
                        <ul class="dropdown-menu display-block hidden-xs">
                            <li><a href="#"><span><img src="${path}/images/25.jpg" width="50" alt="image"></span>Vegetables</a></li>
                            <li><a href="#"><span><img src="${path}/images/18.jpg" width="50" alt="image"></span>Broccoli</a></li>
                            <li><a href="#"><span><img src="${path}/images/16.jpg" width="50" alt="image"></span>Cabbage</a></li>
                            <li><a href="#"><span><img src="${path}/images/22.jpg" width="50" alt="image"></span>Bean</a></li>
                            <li><a href="#"><span><img src="${path}/images/21.jpg" width="50" alt="image"></span>Heirloom</a></li>
                            <li><a href="#"><span><img src="${path}/images/20.jpg" width="50" alt="image"></span>Fruit</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-8 col-md-8 col-lg-7 p-0">
                    <div class="main-menu">
                        <nav class="navbar navbar-default menu">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed m-r-xs-15" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li><a href="${path}/user/index">首页</a></li>
                                    <li><a href="login.html">鲜果</a></li>
                                    <li><a href="register.html">生鲜</a></li>
                                    <li><a href="${path}/user/about">关于我们</a></li>
                                    <li><a href="${path}/user/contact">联系我们</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
                <div class="col-sm-3 col-md-3 col-lg-3 p-0">
                    <div class="search-box m-l-xs-15 m-r-xs-15">
                        <input type="text" class="form-item" placeholder="Search...">
                        <button type="submit" class="fa fa-search"></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Banner -->
